{% extends 'base.html' %}

{% block title %}关于 - Will's Blog{% endblock %}

{% block content %}
<div class="row">
    <div class="col-lg-8 mx-auto">
        <div class="card">
            <div class="card-body">
                <h1 class="card-title text-center mb-4">关于我的博客</h1>
                
                <div class="about-content">
                    <p class="lead">欢迎来到我的个人博客！</p>
                    
                    <p>这个博客是我用Flask框架搭建的，主要用于分享我在技术学习、生活感悟和个人兴趣方面的经验和想法。</p>
                    
                    <h3 class="mt-4">博客特点</h3>
                    <ul>
                        <li>简洁美观的界面设计</li>
                        <li>响应式布局，适配各种设备</li>
                        <li>支持Markdown格式的文章编写</li>
                        <li>完善的评论系统</li>
                        <li>标签分类功能</li>
                    </ul>
                    
                    <h3 class="mt-4">关于我</h3>
                    <p>我是一名热爱编程和技术的开发者，喜欢探索新技术并分享学习心得。</p>
                    <p>我的技术栈包括：</p>
                    <ul>
                        <li>前端：HTML, CSS, JavaScript, Vue.js, React</li>
                        <li>后端：Python, Flask, Django, Node.js</li>
                        <li>数据库：MySQL, MongoDB, SQLite</li>
                        <li>其他：Git, Docker, Linux</li>
                    </ul>
                    
                    <h3 class="mt-4">联系我</h3>
                    <p>如果您有任何问题、建议或合作意向，欢迎通过以下方式联系我：</p>
                    <ul>
                        <li>邮箱：<a href="mailto:example@example.com">example@example.com</a></li>
                        <li>GitHub：<a href="https://github.com/yourusername" target="_blank">github.com/yourusername</a></li>
                    </ul>
                    
                    <div class="text-center mt-5">
                        <a href="{{ url_for('main.contact') }}" class="btn btn-primary">联系我</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}